<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <title>课程资源-freestudy</title>
  <!--视口 不缩放 -->
  <link rel="shortcut icon" href="../imgs/icon.gif">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/css/zui.min.css" rel="stylesheet">
  <link th:href="@{/css/main.css}" rel="stylesheet">
  <link th:href="@{/css/lesson1.css}" rel="stylesheet">
</head>

<body>
<div id="page">
  <!-- header -->
  <header>
    <div class="container">
      <div class="logo pull-left">
        <a href="index.html">
          <img th:src="@{/img/logo.png}" alt="logo"><!-- 导航栏左上角图标 -->
        </a>
      </div>
      <div class="link pull-left">
        <a th:href="@{'/index'}">&nbsp;&nbsp;&nbsp;&nbsp;主页&nbsp;&nbsp;&nbsp;&nbsp;</a>
        <a th:href="@{'/detail/index'}">&nbsp;&nbsp;&nbsp;课程介绍&nbsp;&nbsp;&nbsp;</a>
        <a th:href="@{'/resource/index'}">&nbsp;&nbsp;&nbsp;全部课程&nbsp;&nbsp;&nbsp;</a>
        <a th:href="@{'/lesson1/index'}">&nbsp;&nbsp;&nbsp;计算机动漫简介&nbsp;&nbsp;&nbsp;</a>
        <a th:href="@{'/lesson2/index'}">&nbsp;&nbsp;&nbsp;3D基础知识&nbsp;&nbsp;&nbsp;</a>
      </div>
      <div class="user pull-right">
        <a href="login.html">登录/注册</a>
      </div>
    </div>
  </header><!-- header end -->
  <img th:src="@{/img/index2.jpeg}">
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第一课-计算机动漫简史</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/1/1.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">中国动画70年-与中国共同进步的中国动画</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix">
      <h2 class="con-title mb-20">第二课-3D基础知识</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/2/2.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">10分钟了解游戏制作的全过程-游戏是如何开发出来的？</div>
            </div>
          </div>
        </div>

        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/2/2.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">文化有门槛，游戏没国界？中国文化输出之路在何方？</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/2/2.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">【游戏盘点】国产游戏的未来! 十款待发售的优秀国产3D大作</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第三课-Unity快速入门</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/3/3.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Unity3D快速入门--Unity的下载与安装</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/3/3.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Unity3D快速入门--Unity引擎介绍，窗体使用</div>
            </div>
          </div>
        </div>

        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第四课-创建基本的3D场景</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/4/4.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">创建基本的3D场景--Unity菜单和基本场景</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/4/4.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">创建基本的3D场景--创建地形</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/4/4.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">创建基本的3D场景--添加树木和草地</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/4/4.4.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">创建基本的3D场景--外部建筑导入和漫游</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/4/4.5.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">创建基本的3D场景--场景漫游</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/4/4.6.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">用2小时在Unity3D中创建森林场景</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第五课-Unity脚本开发基础</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/5/5.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Unity脚本开发基础--认识Unity脚本</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/5/5.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Unity脚本开发基础--访问游戏物体和组件</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/5/5.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Unity脚本开发基础--游戏对象的主要组件和函数</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/5/5.4.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Unity脚本开发基础--协程简介</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第六课-资源导入导出</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/6/6.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">资源导入导出--3D资源导入</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/6/6.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">资源导入导出--导入资源参数</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/6/6.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">资源导入导出--2D资源导入</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/6/6.4.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">资源导入导出--音频导入</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第七课-游戏对象、组件和prefab</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/7/7.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">游戏对象、组件和prefab--游戏物体和Prefab</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/7/7.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">游戏对象、组件和prefab--导入Prefab</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/7/7.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">游戏对象、组件和prefab--编写Prefab脚本</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第八课-角色动画控制</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/8/8.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">角色动画控制--导入官方角色模型</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/8/8.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">角色动画控制--配置角色的动画导入设置</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/8/8.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">角色动画控制--创建场景和人物默认Idle状态</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/8/8.4.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">角色动画控制--控制人物的行走（动画控制）</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/8/8.5.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">角色动画控制--把参数字符串转换成ID</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/8/8.6.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">角色动画控制--控制角色的奔跑</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/8/8.7.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">角色动画控制--控制角色的左右转向</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第九课-用户界面设计</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/9/9.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">用户界面设计--Unity界面的发展史</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/9/9.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">用户界面设计--GUI 控件(1)：图片，文本与按钮</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/9/9.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">用户界面设计--GUI 控件(2)：文本输入</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/9/9.4.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">用户界面设计--GUI 控件(3)：其他控件（动画控制）</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/9/9.5.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">用户界面设计--GUILayout 自动布局</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/9/9.6.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">用户界面设计--GUISkin 与 GUIStyle</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第十课-粒子系统</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/10/10.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">粒子系统--粒子系统简介</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/10/10.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">粒子系统--制作火焰粒子</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/10/10.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">粒子系统--制作岩熔涌动效果</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/10/10.4.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">粒子系统--制作粒子射线</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/10/10.5.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">粒子系统--制作闪烁粒子</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/10/10.6.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">粒子系统--烟花效果制作</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/10/10.7.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">粒子系统--烟花效果制作2</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/10/10.8.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">粒子系统--烟花效果制作3</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第十一课-Mecanim动画系统</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/11/11.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Mecanim动画系统--Mecanim概述</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/11/11.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Mecanim动画系统--人形动画与Avatar</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/11/11.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Mecanim动画系统--游戏片段的编辑与Mask</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/11/11.4.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Mecanim动画系统--有限状态机</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/11/11.5.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Mecanim动画系统--BlendTree</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/11/11.6.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">Mecanim动画系统--编写控制脚本</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <section>
    <div class="card-group clearfix mb-20">
      <br>
      <h2 class="con-title mb-20">第十二课-物理引擎系统</h2>
      <div class="row">
        <!-- 项目列表 块  start -->
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/12/12.1.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">物理引擎系统--物理系统简介</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/12/12.2.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">物理引擎系统--碰撞器及触发器</div>
            </div>
          </div>
        </div>
        <div class="card-box">
          <div class="card-box-content">
            <div class="card-img mb-20">
              <video src="../video/12/12.3.mp4" controls></video>
            </div>
            <div class="card-title">
              <div class="text-ellipsis">物理引擎系统--碰撞器案例</div>
            </div>
          </div>
        </div>
        <!-- 项目列表 块  end -->
      </div>
    </div>
  </section>
  <footer>
    <div class="container">
      <div class="col-xs-3"><br>
        <img th:src="@{/img/logo.png}" width="120">
        <p>计算机动漫与游戏设计在线学习系统</p>
        <p>课程内容版权均归
          <br>Freestudy有限公司所有
        </p>
      </div>
      <div class="col-xs-3">
        <h2>服务中心</h2>
        <p>共建共享课程服务协议</p>
        <p>侵权投诉</p>
        <p>问题反馈</p>
        <p>用户操作说明</p>
        <p>加入共建课程</p>
      </div>
      <div class="container">
        <div class="col-xs-3">
          <h2>相关链接</h2>
          <p>中华人民共和国教育部</p>
          <p>中华人民共和国工业和信息化部</p>
          <p>中国职业教育教学指导网</p>
          <p>教育部职业技术教育中心研究所</p>
        </div>
        <div class="col-xs-3">
          <h2>联系我们</h2>
          <p>咨询热线：17352900411</p>
          <p>电子邮箱：674865356@qq.com</p>
          <br>
          <br>
        </div>
      </div>
    </div>
  </footer>
</div>
</body>

</html>
